.arrange-tasks{
  background: #fff;
  overflow: hidden;
  .arrange-tasks-content-outer{
    margin: 12px;
    margin-bottom: 40px;
    background: #f2f2f2;
    padding: 22px 44px;

    .pa-form-control{
      margin-bottom: 14px;
      label{
        vertical-align: top;
        line-height: 28px;
      }
      .add-item{
        display: inline-block;
        img{
          vertical-align: middle;
          width: 27px;
        }
        span{
          vertical-align: middle;
          color: #6c6c66;
          font-size: 14px;
        }
      }
      .page-item{
        width: 460px;
        a{
          width: auto;
          padding: 0 12px;
          margin-bottom: 10px;
        }
      }
      .tree-container.active{
        transform: translateY(0px);
      }
      .tree-container{
        width: 280px;
        padding-bottom: 10px;
        background: #fff;
        transform: translateY(-20px);
        transition: all .2s linear;

        .tree-header{
          color: #46a1db;
          font-size: 14px;
          overflow: hidden;
          line-height: 34px;
          padding-left: 12px;
          span{
            color: #46a1db;
          }
          i{
            float:right;
            padding: 11px;
          }
        }

        .ztree{
          height: 200px;
          overflow: auto;
        }
      }
    }
    label{
      display: inline-block;
      width: 80px;
      text-align: right;
    }

    .btn-outer{
      margin-top: 40px;
    }
  }
}